{temp('admin/head')}

</head>
<body class="page-body">
		
		{temp('admin/left')}
			{temp('admin/top')}
			
			<div class="row">
				<div class="col-sm-12">
					
					<div class="panel panel-default">
						<div class="panel-heading">
							<h3 class="panel-title">{$tit}</h3>
						</div>
						<div class="panel-body">
							
							<form role="form" class="form-horizontal">
								
								<div class="form-group">
									<label class="col-sm-2 control-label" for="field-1">老密码</label>
									<div class="col-sm-10">
										<input type="password" class="form-control" id="field-1" placeholder="Placeholder (Old Password)">
									</div>
								</div>
								
								<div class="form-group-separator"></div>
								
								<div class="form-group">
									<label class="col-sm-2 control-label" for="field-2">新密码</label>
									<div class="col-sm-10">
										<input type="password" class="form-control" id="field-2" placeholder="Placeholder (New Password)">
									</div>
								</div>
								
								<div class="form-group-separator"></div>
								
								<div class="form-group">
									<label class="col-sm-2 control-label" for="field-3">确认新密码</label>
									<div class="col-sm-10">
										<input type="password" class="form-control" id="field-3" placeholder="Placeholder (New Password)">
									</div>
								</div>
								
								<div class="form-group-separator"></div>
								
								<div class="form-group">
									<div class="col-sm-10">
										<button class="btn btn-info btn-single pull-right" onClick="tijiao()" type="button">提交</button>
									</div>
								</div>
								
							</form>
							
						</div>
					</div>
					
				</div>
			</div>
			
			<script type="text/javascript">
			function tijiao(){
				var pass = $('#field-1').val();
				var xpass = $('#field-2').val();
				var xxpass = $('#field-3').val();
				$.post('{$_url}/admin/?act=xgmm',{pass:pass,xpass:xpass,xxpass:xxpass},function(data){
					showAjaxModal(data);
					if(data == '修改成功'){
						$("#queding").attr("onclick","tiao('{$_url}/admin')");
					}
				});
			}
			function showAjaxModal(data){
				jQuery('#modal-7').modal('show', {backdrop: 'static'});
				jQuery('#modal-7 .modal-body').html(data);
			}
			function tiao(url){
				window.location.href=url;
			}
			</script>
		{temp('admin/foot')}
	
	<!-- Modal 7 (Ajax Modal)-->
	<div class="modal fade" id="modal-7">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">{$tit}</h4>
				</div>
				<div class="modal-body">
					Content is loading...
				</div>
				<div class="modal-footer">
					<button id="queding" type="button" class="btn btn-info" data-dismiss="modal">确定</button>
				</div>
			</div>
		</div>
	</div>

	<!-- Bottom Scripts -->
	<script src="{$adstyle}/js/bootstrap.min.js"></script>
	<script src="{$adstyle}/js/TweenMax.min.js"></script>
	<script src="{$adstyle}/js/resizeable.js"></script>
	<script src="{$adstyle}/js/joinable.js"></script>
	<script src="{$adstyle}/js/xenon-api.js"></script>
	<script src="{$adstyle}/js/xenon-toggles.js"></script>


	<!-- JavaScripts initializations and stuff -->
	<script src="{$adstyle}/js/xenon-custom.js"></script>

</body>
</html>